html {scrollbar-face-color: #DBE2F4;
	scrollbar-highlight-color: #F5FFFF;
	scrollbar-shadow-color: #DCDFF0;
scrollbar-3dlight-color: #909FBE;
scrollbar-arrow-color: #8993AC;
scrollbar-track-color: #E4ECF9;
scrollbar-darkshadow-color: #909FBE;}
body {margin: 0 auto;
	  padding:0; 
	  font-size: 12px;  
	  font-family: "微软雅黑",Verdana, Geneva, "sans-serif"; 
	  background: #fafafa; 
	  min-width: 1240px}
div, img, p, input, button, h1, h2, h3, h4, h5, h6, h7, dl, dt, dd {
	margin:0;
	padding:0;
	color:#747474;
}
ul, li {
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
table {font-size: 12px;}
th {font-weight: normal;text-align: left;}
input, button,select{font-size: 12px; font-family: "微软雅黑";}

img {border: 0px;}
h1, h2, h3, h4, h5 {font-size:12px; font-weight:normal;}
a {text-decoration:none;color:#474747;}
a:hover{text-decoration:none;  }


.fl{ float:left;}
.fr{ float:right;}

.icon{display:inline-block; width:4px; height:4px; vertical-align:middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.red{ color: #e40101}
.green{ color: #47b08d}
.orange{color: #ff4a00}
.f14{ font-size: 14px}
.f18{ font-size: 18px}
.f24{ font-size: 24px}
/******************/

/* nav */
.nav{ height:50px;   }
.nav>ul{width:1240px; margin:0 auto; line-height: 50px;background: #e46500;height:50px; }
.nav>ul>li{float:left; width: 120px; text-align: center; }
.nav>ul>li>a{font-size:18px; color:#fff}
.nav>ul>li>a:hover,.nav>ul>li>a.on{font-weight:bold;  color:#fef890}  
.nav>ul>li.type{ width: 250px; height: 50px; background: #e6710b;  }

/*左侧导航*/
.hot_box{ text-align:left; width:1240px; height:626px; position:relative; overflow:hidden; margin: 0 auto 20px; }

.hot_box .menu{ width:246px; border: 2px solid #e46500; border-top: none;height:624px; position:relative;z-index:999  }
.mainmenu li.mainCate{ height: 39px; border-bottom: 1px solid #e7e7e7; padding: 6px 8px; float: left; width: 230px; clear: both;}
.mainmenu li.mainCate:last-child {border-bottom: none;}

.mainmenu li.mainCate i{ display: inline-block; width: 22px; height: 35px; float: left; padding-right: 5px;  }
.mainmenu li.mainCate .menu_type{  float: left; width: 200px; line-height: 20px}
.mainmenu li.mainCate .menu_type b{ display: block; font-size: 14px;}
.mainmenu li.mainCate .menu_type b a{ color: #505050}
.mainmenu li.mainCate .menu_type a{ padding-right: 8px; color: #8e8e8e}
.mainmenu li.mainCate .menu_type a:hover{color: #e46500}

.mainmenu .on{ background:#fafafa; border-right:2px solid #fafafa; width:230px;}

.hot_box .subCate{width:278px;
	              border-right: 2px solid #e46500;
	              border-bottom: 2px solid #e46500; 
	              height:625px; 
	              position: absolute;
	              left: 248px;
	              top: 0; 
	              z-index: 99999;
	              background: url(images/bg_nav.png) no-repeat;
	              display:none;  }
.hot_box .subCate ul { margin: 10px}
.hot_box .subCate ul li{float: left; 
	                    width: 50%;  
	                    border-bottom: 1px dotted #fdb881; 
	                    line-height: 28px}
.hot_box .subCate ul li a{ padding-left: 5px}
.hot_box .subCate ul li a:hover{ color: #ff4a00}

.hot_box .ad_hotsale{ width: 990px;height:626px;}
.hot_box .banner{width: 990px;height:388px;}
 
/* topbar */

.topbar{ background-color:#f5f5f5; border-bottom:1px solid #dfdfdf; height:35px;}
.topbar .top{width:1240px; margin:0 auto;padding-top:1px;  }
.topbar .top .area{ height: 34px; }

.topbar .top i{ display: inline-block; width: 16px; height: 16px;vertical-align: middle;margin: -6px 3px 0;}
.topbar .top .area ul li{ float: left; line-height: 30px; margin-right:5px;}
.topbar .top .area ul li .iconArea{background: url(images/icon-map.png) center no-repeat;}

.quickMenu ul li {float: left;padding: 0 10px;line-height: 35px;background: url(images/top-li-bg.gif) left center no-repeat;}
.quickMenu ul li:first-child {background: none;}

ul li.login a{ color: #ff5200;}
.quickMenu ul li i.iconUser {background: url(images/icon-User.png)  no-repeat;}
.quickMenu ul li i.spCart {background: url(images/icon-spCart.png)  no-repeat;}
.quickMenu ul li i.atten {background: url(images/icon-attention.png)  no-repeat;}
.quickMenu a b {display: inline-block;width: 5px;height: 3px;background: url(images/arrow-down.gif) no-repeat;margin: 0 3px 3px;}

/* header */

.header{ width:1240px;height:102px; margin:0px auto; }
.header .sale-user{ margin-top: 21px; width: 385px}
.header .sale-user .thumbnail{ height: 69px; width: 69px;position: relative; float: left; }
.header .sale-user .thumbnail .mask{ position: absolute;top: 0; left: 0;height: 69px; width: 69px; background: url(images/user-mask.png)  no-repeat; }
.header .sale-user .name{float: left; padding: 0px 0 0 10px; color: #737373; }
.header .sale-user .name b{ font-size: 18px; color: #e67f22; font-weight: normal;}
.header .sale-user .slogan{padding-top: 5px ;font-size: 14px; width: 200px }

.header .search{ width: 450px; margin-top: 13px}
.header .search .tit{ height: 19px; clear: both;}
.header .search .tit li{ width: 36px; height: 19px; overflow: hidden;line-height: 19px; float: left;}
.header .search .tit li a{ display: block;width: 36px; height: 19px; text-align: center; }
.header .search .tit li.on a{ background: #ff7e00; color: #fff}

.header .search .search-box{ height:35px; width: 450px; background: #ff7e00;}
.header .search .search-box input{ width: 355px; height: 27px; margin: 3px; border:1px solid #ff7e00;  float: left; padding-left: 5px; line-height: 27px}
.header .search .search-box button{ width: 82px; height: 35px; background: #ff7e00; border: none; cursor: pointer; font-size: 16px; color: #fff; float: right;}
.header .search .hot-word{padding-top: 5px}
.header .search .hot-word a{ padding: 0 4px}

.header .logo-right{width:344px;  margin-top: 23px}
.header .logo-left {width:480px;  margin-top: 23px}
.header .security{ margin-top: 30px}

 /* footer */

.Guide {background:#fff;width:1200px;padding:20px 20px 30px;margin:0 auto;overflow:hidden;border: 1px solid #e9e9e9;font-family:"宋体"; height: 60px; clear: both;}
.Guide dl {display:inline-block;width:24%;margin:0;padding:0;vertical-align: top;}
.Guide dl dt {font-size:14px;color:#ff4400;line-height:32px;position:relative;}
.Guide dl dt strong {padding-left:60px;}
.Guide dl dt b {width:48px;height:48px;display:inline-block;position:absolute;background-repeat:no-repeat;}
.Guide dl.fore1 dt b {background-image:url(images/guide-01.png);}
.Guide dl.fore2 dt b {background-image:url(images/guide-02.png);}
.Guide dl.fore3 dt b {background-image:url(images/guide-03.png);}
.Guide dl.fore4 dt b {background-image:url(images/guide-04.png);}
.Guide dl dd  {padding-left:50px;}
.Guide dl dd li {line-height:24px;margin:0 10px;float:left;white-space:nowrap;}

.footer {font-family:"宋体";color: #666;font-size: 12px;text-align: center;padding: 15px 0;overflow:hidden;}
.foot-nav ul {text-align:center;overflow:hidden;display:inline-block;}
.foot-nav ul li {text-align:center; margin:0 5px;line-height:30px; display: inline;}
.foot-nav ul li a {color:#666;}
.copyright {width:630px;margin:0px auto 10px;}
.copyright  b {font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
/*幻灯片*/

/*css*/
.buycom {width: 990px;
	     height:388px;
	     position: relative;
	     overflow: hidden;}
/*数字按钮样式*/
.buycom .num {overflow: hidden;
	          height: 25px;
	          position: absolute;
	          bottom: 12px;
	          right: 15px;
	          zoom: 1;
	          z-index: 3}
.buycom .num li {width: 25px;
	             height: 25px;
	             line-height: 25px;
	             text-align: center;
	             font-weight: 400;
	             font-family: "微软雅黑", Arial;
	             color: #FFFFFF;
	             background: #444444;
	             margin-right: 10px;
	             border-radius: 50%;
	             cursor: pointer;
	             float: left;}
.buycom .num li.on {background: #FF7700;} 
/*当前项*/
/*上一个  下一个*/
.buycom .prev, .buycom .next {	display: none;width: 40px;height: 100px;background: url(images/btn.png) no-repeat;	position: absolute;	top: 120px;}
.buycom .prev {left: 0;}
.buycom .next {	right: 0;	background-position: right}
 

.hot_box .hotsale{ width: 988px;  height: 236px; border: 1px solid #dfdfdf}

.hotsale_left{ width: 844px; float: left;height: 236px; float: left;}
.hotsale_tit{ width: 143px; height: 236px; border-left: 1px solid #dfdfdf; background:#f3f3f3 url(images/icon-sale1.png) center bottom no-repeat; float: right; }

/*滚动*/
.brandCont {float: left;width: 844px;	height: 136px;	 	position: relative;	background: #fff;}
.brandCont ul {	width: 800px;	margin: 0 auto;	margin-left: -6px;}
.brandCont ul li {	float: left;	border-left: 1px solid #e6e2e7;  	height: 126px;	 	width:255px;	margin: 5px;}
.brandCont ul li .info{ float: left;width: 117px; line-height: 24px; padding: 10px 0 0 10px}
.brandCont ul li .info b{ display: block; font-size: 18px; color: #2f2f2f}
.brandCont ul li .info p{ display: block; color: #ababab}
.brandCont ul li .info span{ display: block;color: #e40101;font-size: 14px; padding-top: 20px }

.brandCont ul li img {	width: 117px; height: 117px; float: right;}
.brandCont ul li:first-child {	border-left: none;}
.bx_wrap {	margin-left: 10px;}
.bx_wrap a.prev, .bx_wrap a.next {	display: block;	width: 15px;	height: 25px;	top: 45%; 	z-index: 99;	position: absolute;}
.bx_wrap a.prev img, .bx_wrap a.next img {	display: none;}
.bx_wrap a.prev {background: url(images/arrowLeft.png) no-repeat;	left: 5px;}
.bx_wrap a.next {background: url(images/arrowRight.png) no-repeat;	right: 5px;}
.bx_wrap a.prev:hover {background: url(images/arrowLeft_hover.png) no-repeat;	left: 5px;}
.bx_wrap a.next:hover {background: url(images/arrowRight_hover.png) no-repeat;	right: 5px;}
/*滚动 end*/

.goods{float: left;width: 844px;height:100px; background: #f3f3f3}
.goods ul li{float: left; width:191px; padding:10px; height: 80px;line-height: 22px;  }
.goods ul li img{ float: left; width: 80px; height: 80px; }
.goods ul li .info{ width: 100px; height: 80px; padding-left: 10px; float: left;}
.goods ul li .info p{ display: block; color: #5e5e5e}
.goods ul li .info span{ display: block;color: #e40101;font-size: 14px; padding-top: 10px }
 
/* content */

/*栏目*/
.content{width:1240px; margin:0px auto;   overflow:hidden;  background: #ffffff; }
.row {width:1238px;  margin-bottom: 20px; border: 1px solid #dfdfdf; overflow: hidden;  height: 586px; *height: 587px;}


.red_box{ border-top: 4px solid #c1392b;}
.pink_box{border-top: 4px solid #f181a4}
.green_box{border-top: 4px solid #91d101}

.red_box .keyword  a.hot,.red_box .keyword  a:hover{ color: #c1392b;}
.pink_box .keyword  a.hot,.pink_box .keyword  a:hover{ color: #f181a4;}
.green_box .keyword  a.hot,.green_box .keyword  a:hover{ color: #7bb200;}

.red_box .leftbar .title{ background:#c1392b;}
.pink_box .leftbar .title{ background:#f181a4;}
.green_box .leftbar .title{ background:#91d101;}


.row .leftbar{ width: 248px; background: #f5f5f5; float: left; height: 586px;*height: 587px;}
.row .leftbar .title{ height:57px; line-height: 54px; margin: -3px 0 0 -1px }

.row .leftbar .title b{font-size: 48px;  }
.row .leftbar .title h2{font-size: 24px; color: #fff; padding-left: 10px } 
.row .leftbar .brandlogo{ height: 360px; width:247px; background: url(images/brandlogo.png) center center no-repeat; overflow:hidden;}
.leftbar .brandlogo ul { float: left;}
.leftbar .brandlogo ul li{ width: 53px; height: 53px; margin-bottom: 55px }

.leftbar .brandlogo ul.col1{ margin: 45px 0 0 44px}
.leftbar .brandlogo ul.col2{ margin: 99px 0 0 0px}
.leftbar .brandlogo ul.col3{ margin: 45px 0 0 2px}


.leftbar .keyword{ margin: 5px; background: #fff; overflow: hidden; height: 161px}
.leftbar .keyword ul { padding:2px 10px}
.leftbar .keyword ul li{ width: 50%; float: left; line-height: 26px; font-weight: bold; *line-height: 24px;}
 

 
.row .con_info{width:990px;   overflow: hidden; float: left; }
.row .con_info ul{ width:992px; position: relative; }
.row .con_info ul li{float:left; width:205px;   border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;  background: #ffffff; padding: 17px 21px  11px}
.row .con_info ul li .thumbnail{ display: block; width:205px; height: 205px; font-size: 0px; line-height: 0px; position: relative; }
.row .con_info ul li .tit { height:20px; line-height:20px; overflow: hidden; padding-top: 5px }
.row .con_info ul li  a{ font-size: 14px;  }
.row .con_info ul li  a:hover{color: #ff4a00 }
.row .con_info ul li .price{ height: 30px;line-height: 30px; padding-top: 5px}
.row .con_info ul li .price s{ font-size: 11px}


/*快速导航*/

.lift{ position: fixed; left: 50%; bottom:10%; margin-left: 625px; width: 35px;border: 1px solid #e5e5e5; background: #fff; z-index: 999999}
.lift a{ display: block; width: 35px; height: 35px;  text-align: center; border-bottom: 1px solid #e5e5e5}
.lift a b{ display: block; line-height: 35px; float: 14px; color: #787878}
.lift a span{ display: none;}
.lift a:hover span{ display: block; width: 35px; height: 35px; background:#ff4a00; color: #fff; }
.lift a:hover b{ display: none;}
.lift a .gotop{ width: 35px; height: 35px; background:#e7e7e7 url(images/icon-gotop.png) no-repeat;   }
.lift a:hover .gotop{  background: #ffe8df url(images/icon-gotop.png) no-repeat;  }

 